<template>
    <div id="app">
        <keep-alive>
            <router-view />
        </keep-alive>
    </div>
</template>

<script>
    export default {
        name: 'App'
    }
</script>
<style>
    @import "./assets/fonts/font.less";
    .left-part{
        width: 380px;
        padding: 10px;
        height: 920px;
        background: rgba(7,7,7,0.74);
        border: 1px solid rgba(77,77,77,1);
        border-radius: 6px;
        position: absolute;
        margin: 120px 0 0 20px;
        display: flex;
        flex-direction: column;

    }
    .right-part{
        position: absolute;
        top: 60px;
        right: 20px;
        width: 380px;
        padding: 10px;
        height: 978px;
        background: rgba(7,7,7,0.74);
        border: 1px solid rgba(77,77,77,1);
        border-radius: 6px;
        display: flex;
        flex-direction: column;
    }
    .left-title{
        width: 380px;
        height: 50px;
    }
    .right-title{
        width: 380px;
        height: 50px;
    }
    .flex-row{
        display: flex;
        flex-direction: row;
    }
    .flex-column{
        display: flex;
        flex-direction: column;
    }
    .img-2x{
        height: 50%;
        width: 50%;
    }
    .img-4x{
        height: 40%;
        width: 40%;
    }
    .right-part,.left-part{
        z-index: 5;
    }
    .menu{
        z-index: 10;
    }
</style>
